<!DOCTYPE html>
    <head>
        <meta charset="UTF-8">
        <title>Luce Example</title>
        <link rel="stylesheet" href="/style.css" />
        <link rel="stylesheet" href="/mono-blue.min.css" />
        <script src="/highlight.min.js"></script>
        <script>hljs.highlightAll();</script>
    </head>
    <body>
        <p>
            Markdown previewer for Luce. You can try any markdown here
            and see if it works. <br>To keep the file sizes small, while
            providing a full example, the syntax highlighting is
            limited to Crystal and YAML.
        </p>
        <div id="container">
            <div id="markdown-half">
                <%= ren_markdown %>
            </div>
            <form method="POST" action="/preview" id="content-half">
                <textarea name="markdown" spellcheck="true"><%= markdown %></textarea>
                <label for="extension">Extension Set:</label>
                <select id="extension" name="extension">
                    <option value="None">None</option>
                    <option value="CommonMark" selected>CommonMark</option>
                    <option value="GitHub">GitHub</option>
                </select>
                <input type="submit" value="Preview">
            </form>
        </div>
    </body>
</html>
